<!DOCTYPE html>
<html><head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>[[${mePo.name}]]-朝看天下新闻网</title>
    <meta name="keywords" content="联系有贝口腔,口腔知识,口腔资讯,有贝口腔网">
    <meta name="description" content="联系有贝口腔,有贝口腔网为用户提供专业的口腔资讯，口腔知识，口腔问题，口腔卫生等综合服务型网站">

    <link rel="stylesheet" th:href="@{'/static/css/agreement/reset.css'}">
    <link rel="stylesheet" th:href="@{'/static/css/agreement/commone.css'}">
    <link rel="stylesheet" th:href="@{'/static/css/agreement/commtwo.css'}">
    <link rel="stylesheet" th:href="@{/static/css/agreement/commthree.css}">
    <link rel="shortcut icon" th:href="@{'https://www.hasbei.com/static/images/icon.png'}" type="image/x-icon">

    <link rel="stylesheet" media="screen and (min-width:481px)" th:href="@{'/static/css/agreement/mine.css'}">
    <link rel="stylesheet" media="screen and (max-width:480px)" th:href="@{'/static/css/agreement/mine_002.css'}">

    <script th:src="@{'/static/js/hm.js'}"></script>

    <script type="text/javascript"> var basePath ="/";</script>

    <script th:src="@{'/static/js/jquery-3.js'}"></script>

    <script th:src="@{'/static/js/jquery.js'}"></script>

    <script src="/static/js/leave.js"></script>

</head>
<body>
    <div class="content">

        <th:block th:include="comment/top::top"/>

        <div class="content-main">
             <div class="main-tab">

                 <div class="max-width">
                     <ul class="main-tab-ul">
                         <th:block th:include="comment/middle::classify"/>
                     </ul>

            <!-- 移动端 -->
                     <th:block th:include="comment/top::category"/>

                 </div>
            </div>
            <div class="mine-main">
                <div class="mine-top-img">
                    <img th:src="@{'/static/image/mine-top.png'}" alt="有贝口腔网">
                </div>

                <div class="bread-crumb">
                    <div>
                        <a href="http://localhost:8876/question/home">首页</a>
                        <span>&gt;</span>
                        <a th:href="@{${mePo.uri}+'/'+${mePo.id}}" th:text="${mePo.name}"></a>
                    </div>
                </div>

                <div class="mine-info">
                    <div class="mine-info-left">

                        <span th:each="all:${allPo}">

                            <div class="left-tab">

                                    <ul>
                                        <li class="checked"><a th:href="${all.uri}+'/'+${all.id}">[[${all.name}]]</a></li>
                                    </ul>

                            </div>

                        </span>
                    </div>
                    <div class="mine-info-right">
                         <div class="right-content">
                         	<div class="content-list">
                                <div class="content-list-top">
                                    <img th:src="@{'/static/image/mine-icon.png'}" alt="有贝口腔网">
                                    <div class="mine-title" th:text="${mePo.name}"></div>
                                </div>

                                <div class="content-list-info">

                                    	<form onsubmit="return false" id="commentForm" novalidate="novalidate">
                                         <p>
                                            <span>联系人</span>
                                             <label>
                                            <input type="text" name="linkPerson" placeholder="请输入联系人" required="" aria-required="true">
                                            </label>
                                        </p>
                                         <p>
                                            <span>联系方式</span>
                                            <label>
                                            <input type="text" name="linkWay" placeholder="请输入电话或者电子邮箱" required="" aria-required="true">
                                            </label>
                                        </p>
                                        <p class="liuyan-contnet">
                                            <span class="liuyan-contnet-label">留言内容</span>
                                            <label>
                                            <textarea id="area" placeholder="请输入留言反馈、咨询内容" name="content" maxlength="500" class="textarea" required="" aria-required="true"></textarea>
                                            <a><i class="number" id="text-count">0</i>/500</a>
                                            </label>
                                        </p>
                                        <div class="check-code">
                                            <p>
                                                <span class="check-code-span">验证码</span>
                                                <label>
                                                    <!--<input type="text" placeholder="请输入验证码" name="code" required="" aria-required="true">-->
                                                    <input placeholder="请输入图形验证码" id="code" name="code">

                                                </label>
                                            </p>

                                            <img alt="有贝口腔网" id="codeImg"  src="/verifyCode/verify" class="get-code" style="height:30px;width:70px;margin-left: 20px">

                                        </div>

                                        <input class="sub-btn" id="submit" type="submit" value="提交">
										</form>
                                    
                                </div>

                                <script type="text/javascript">
                                    /*字数限制*/
                                    $("#area").on("input propertychange", function() {
                                        var $this = $(this),
                                            _val = $this.val(),
                                            count = "";
                                        if (_val.length > 500) {
                                            $this.val(_val.substring(0, 500));
                                        }
                                        count =$this.val().length;
                                        $("#text-count").text(count);
                                    });
                                </script>





                                <script>
                                    $("#codeImg").click(function () {
                                        $("#codeImg").attr("src",basePath+"verifyCode/verify?time="+new Date().getTime());
                                    });
                                </script>


                            </div>
                         </div> 
                    </div>

                </div>

            </div>

        </div>

        <!--底部-->
        <th:block th:include="comment/button::button"/>

    </div>
    

</body></html>